const { defineConfig } = require('@vue/cli-service')
const path = require("path");
var webpack=require('webpack')
const utils = {
  assetsPath: function (_path) {
    const assetsSubDirectory = process.env.NODE_ENV === 'production'
      // 生产环境下的 static 路径
      ? 'static'
      // 开发环境下的 static 路径
      : 'static'

    return path.posix.join(assetsSubDirectory, _path)
  },
  resolve: function (dir) {
    return path.join(__dirname, '..', dir)
  }
}
module.exports = defineConfig({
  transpileDependencies: true,
  publicPath: './', //在打包时添加这段代码，处理静态资源找不到问题
  runtimeCompiler: true,//在启用vue-router路由时需要配置该带码否则会报错
  // devServer: {
  //   open: false, //是否自动弹出浏览器页面
  //   host: "localhost",
  //   port: '8080',
  //   https: false,
  //   proxy: {
  //     '/': {
  //       target: 'http://hodoop:8080', //API服务器的地址
  //       ws: true,  //代理websockets
  //       changeOrigin: true, // 虚拟的站点需要更管origin
  //       pathRewrite: {   //重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc'
  //         '^/api': ''
  //       }
  //     }
  //   },
  // },
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        "autoprefixer": {
          "browsers": ['last 10 Chrome versions', 'last 5 Firefox versions', 'Safari >= 8']
        },
        'postcss-pxtorem': { 'remUnit': 75 }    //配置rem基准值，75是iphone6标准
      })
    ],
    module: {
      rules: [
        {
          test: /\.(woff2?|eot|ttf|otf|TTF)(\?.*)$/,
          loader: 'url-loader',
          options: {
            limit: 10000,
            name: utils.assetsPath('fonrs/[name].[hash:7].[ext]')
          }
        },
      ]
    }
  }
})
